/* CSS Document */
html,body{ background:#f3f7f9;}
.border2px{ border:2px solid #ecf1f4;}

/*.date-header{ background:#354052;}
.date-header .logo{ margin-right:40px;}
.date-header .nav > ul > li > a{ border-color:#354052}
.nav > ul > li.current {background: #425066;}
.date-header .nav > ul > li.current > a {border-color: #21b4f4;}
*/
.limitLayout.datePage{ margin-top:0px;}

.category-left{ width:328px;}
.category-right{ width:1322px; background:#fff;}
.date-category-tit{ font-size:28px; line-height:1em; margin-bottom:20px;}
.date-category-tit{ position:relative;}
.category-left .date-category-tit:after{ display:block; content:""; width:35px; height:35px; background:url(../../../images/catalogue-left-search.png) no-repeat; position:absolute; top:0px; right:0px; cursor:pointer;}
.tabsd{ margin-top:20px;}
.date-tab{ height:47px; background:#f3f7f9;}
.date-tab ul li{ cursor:pointer; height:46px; line-height:46px; border:2px solid #ecf1f4; border-bottom:0px; padding:0px 50px; font-size:22px; text-align:center; float:left;}
.date-tab ul li.current{ background:#fff; color:#5593e5;}
.date-tab ul li:nth-child(1){ border-right:0px; }

.date-search{ height:44px; padding-top:25px;}
.date-search-input{ width:336px; height:44px; position:relative; margin-right:14px;}
.date-search-input input{ font-size:18px; width:336px; box-sizing:border-box; padding:0px 50px 0px 25px; height:44px; border-radius:44px; background:#fff; border:2px solid #e1eaf0; }
.date-search-input ins{ display:block; width:24px; height:24px; background:url(../../../pages/images/date_search_ico.png) no-repeat; position:absolute; top:13px; right:20px; cursor:pointer;}
.date-local{ font-size:14px; padding-left:45px; line-height:1.5em;}

.date-search-senior { cursor:pointer; height:51px; line-height:51px; font-size:18px; margin:0px 52px 0px 46px; padding-right:27px; position:relative;}
.date-search-senior:after{ display:block; content:""; width:16px; height:16px; background:url(../../../pages/images/senior_ico.png) no-repeat; position:absolute; top:18px; right:0px;}

.date-right-con{ border:2px solid #ecf1f4; border-top:0px;  background:#fff;}
.date-circle{border-top:0px; width:100%; height:673px; overflow:hidden; position:relative; display:table; text-align:center; display:none;}
.date-circle .date-circle-box{ transition:all 0.5s; opacity:0;  width:120px; text-align:center; /*height:100%;*/ position:absolute; right:70px; bottom:-100%;   }

.date-circle .date-circle-box > ul > li{ width:100%; margin-bottom:20px;}
.date-circle .date-circle-box.trans { opacity:1; bottom:70px;  position:none;}

.date-circle .date-circle-box > ul > li > div{ display:block; text-align:center; margin:0px auto; margin-bottom:10px;}
.date-circle .date-circle-box > ul > li > h3{ line-height:1em; color:#333333;}
.date-circle .date-circle-box > ul > li { display:block; color:#fff;}
.date-circle .date-circle-box > ul > li:nth-child(1) div{ width:60px; height:60px; border-radius:60px; line-height:60px;  background:#86bb6e; font-size:24px;}
.date-circle .date-circle-box > ul > li:nth-child(1) h3{ font-size:24px;}
.date-circle .date-circle-box > ul > li:nth-child(2) div{ width:45px; height:45px; border-radius:45px; line-height:45px;  background:#f54d80; font-size:20px;}
.date-circle .date-circle-box > ul > li:nth-child(2) h3{ font-size:18px;}
.date-circle .date-circle-box > ul > li:nth-child(3) div{ width:34px; height:34px; border-radius:34px; line-height:34px;  background:#f6b04c; font-size:18px;}
.date-circle .date-circle-box > ul > li:nth-child(3) h3{ font-size:18px;}
.date-circle .date-circle-box > ul > li:nth-child(4) div{ width:23px; height:23px; border-radius:23px; line-height:23px;  background:#abb0ff; font-size:14px;}
.date-circle .date-circle-box > ul > li:nth-child(4) h3{ font-size:14px;}
.date-circle .date-circle-box > ul > li:nth-child(5) div{ width:23px; height:23px; border-radius:23px; line-height:23px;  background:#ffabab; font-size:14px;}
.date-circle .date-circle-box > ul > li:nth-child(5) h3{ font-size:14px;}
.date-circle .date-circle-box > ul > li:nth-child(6) div{ width:23px; height:23px; border-radius:23px; line-height:23px;  background:#4db6ac; font-size:14px;}
.date-circle .date-circle-box > ul > li:nth-child(6) h3{ font-size:14px;}
.date-circle .date-circle-box > ul > li:nth-child(7) div{ width:23px; height:23px; border-radius:23px; line-height:23px;  background:#3bc0e1; font-size:14px;}
.date-circle .date-circle-box > ul > li:nth-child(7) h3{ font-size:14px;}


.date-circle > ul > li{ cursor:pointer; position:absolute; bottom:-365px; z-index:1; text-align:center; color:#fff; display:table-cell; opacity:0;/* transform:scale(0);*/ transition:all 0.5s; }
.date-circle > ul > li.enterprise{/* top:96px; */left:138px; width:93px; height:93px; border-radius:93px; background:rgba(59,225,215,0.5);}
.date-circle > ul > li.marketing{/* top:229px;*/ left:1143px; width:71px; height:71px; border-radius:71px; background:#3bc0e1;}
.date-circle > ul > li.finance{ /*top:478px; */ left:488px; width:159px; height:159px; border-radius:159px; background:rgba(255,169,169,0.4);}
.date-circle > ul > li.offering{/* top:11px; */ left:954px; width:188px; height:188px; border-radius:188px;  background:rgba(104,137,255,0.5); z-index:3;}
.date-circle > ul > li.event{/* top:59px; */ left:530px; width:365px; height:365px; border-radius:365px; background: rgba(192,229,177,0.6); z-index:2;}
.date-circle > ul > li.participant{/* top:256px;*/  left:222px; width:234px; height:234px; border-radius:234px; background:rgba(255,183,77,0.5);}
.date-circle > ul > li.resource{/* top:346px; */ left:1100px; width:254px; height:254px; border-radius:254px; background:rgba(255,162,197,0.4);}
.date-circle ul li{ display:table;}
.date-circle ul li div{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
.date-circle > ul > li.event > ul > li{ background:#86bb6e; position:absolute;}

.date-circle > ul > li.trans{ opacity:1;/* transform:scale(1);*/ }



.date-circle > ul > li.enterprise.trans{ bottom:484px; }
.date-circle > ul > li.marketing.trans{ bottom:373px;}
.date-circle > ul > li.finance.trans{bottom:36px;}
.date-circle > ul > li.offering.trans{bottom:404px;}
.date-circle > ul > li.event.trans{bottom:249px;}
.date-circle > ul > li.participant.trans{bottom:183px;}
.date-circle > ul > li.resource.trans{bottom:73px;}


.date-circle > ul > li > div.tips{ /*display:block;*/ display:none; left:50%; width:auto; box-sizing:border-box; padding:0px 30px; height:35px; line-height:35px; background:#fffdba; font-size:14px; color:#333333; border:1px solid #e6df8e; position:absolute; z-index:999; top:-50px;}

.mouseBox{ display:none; width:auto; box-sizing:border-box; padding:0px 30px; height:35px; line-height:35px; background:#fffdba; font-size:14px; color:#333333; border:1px solid #e6df8e; position:absolute; z-index:10000; }

.date-circle h4{ font-size:18px; line-height:1.5em;}
.date-circle p{ font-size:18px;}
.date-circle > ul > li.event > ul > li:nth-child(1){ left:18px; top:97px; width:252px; height:252px; border-radius:252px;}
.date-circle > ul > li.event > ul > li:nth-child(2){ left:142px; top:8px; width:93px; height:93px; border-radius:93px;}
.date-circle > ul > li.event > ul > li:nth-child(3){ left:225px; top:48px; width:111px; height:111px; border-radius:111px;}
.date-circle > ul > li.event > ul > li:nth-child(4){ left:268px; top:158px; width:96px; height:96px; border-radius:96px;}
.date-circle > ul > li.event > ul > li:nth-child(5){ left:276px; top:258px; width:38px; height:38px; border-radius:38px;}
.date-circle > ul > li.event > ul > li:nth-child(6){ left:248px; top:295px; width:34px; height:34px; border-radius:34px;}

.date-circle > ul > li.event > ul > li:nth-child(1) h4{ font-size:36px;}
.date-circle > ul > li.event > ul > li:nth-child(1) p{ font-size:24px;}
.date-circle > ul > li.event > ul > li:nth-child(2) h4,.date-circle > ul > li.event > ul > li:nth-child(3) h4,.date-circle > ul > li.event > ul > li:nth-child(4) h4{ font-size:16px; line-height:1em; }
.date-circle > ul > li.event > ul > li:nth-child(2) p{ font-size:18px;}




.date-circle > ul > li.resource > ul > li{ background:#f54d80; position:absolute;}
.date-circle > ul > li.resource > ul > li:nth-child(1){ left:19px; top:85px; width:159px; height:159px; border-radius:159px;}
.date-circle > ul > li.resource > ul > li:nth-child(2){ left:73px; top:45px; width:27px; height:27px; border-radius:27px;}
.date-circle > ul > li.resource > ul > li:nth-child(3){ left:137px; top:22px; width:88px; height:88px; border-radius:88px;}
.date-circle > ul > li.resource > ul > li:nth-child(4){ left:203px; top:145px; width:22px; height:22px; border-radius:22px;}
.date-circle > ul > li.resource > ul > li:nth-child(1) h4,.date-circle > ul > li.resource > ul > li:nth-child(1) p{ font-size:24px;}
.date-circle > ul > li.resource > ul > li:nth-child(2) p,.date-circle > ul > li.resource > ul > li:nth-child(4) p{ font-size:14px;}

.date-circle > ul > li.offering > ul > li{ background:rgba(87,93,255,0.5); position:absolute;}
.date-circle > ul > li.offering > ul > li:nth-child(1){ left:13px; top:63px; width:118px; height:118px; border-radius:118px;}
.date-circle > ul > li.offering > ul > li:nth-child(2){ left:80px; top:10px; width:55px; height:55px; border-radius:55px;}
.date-circle > ul > li.offering > ul > li:nth-child(3){ left:125px; top:60px; width:63px; height:63px; border-radius:63px;}
.date-circle > ul > li.offering > ul > li h4{ font-size:14px;}
.date-circle > ul > li.offering > ul > li p{ font-size:14px;}
.date-circle > ul > li.offering > ul > li:nth-child(1) p{ font-size:23px;}
.date-circle > ul > li.offering > ul > li:nth-child(1) h4{ font-size:18px; line-height:1em; margin-bottom:10px;}

.date-circle > ul > li.participant > ul > li{ background:#f6b04c; position:absolute;}
.date-circle > ul > li.participant > ul > li:nth-child(1){ left:8px; top:86px; width:89px; height:89px; border-radius:89px;}
.date-circle > ul > li.participant > ul > li:nth-child(2){ left:90px; top:5px; width:100px; height:100px; border-radius:100px;}
.date-circle > ul > li.participant > ul > li:nth-child(3){ left:100px; top:110px; width:105px; height:105px; border-radius:105px;}
.date-circle > ul > li.participant > ul > li h4,.date-circle > ul > li.participant > ul > li p{ font-size:20px;}



.date-circle > ul > li.finance > ul > li{ background:#ff9a9a; position:absolute;}
.date-circle > ul > li.finance > ul > li:nth-child(1){ left:11px; top:40px; width:118px; height:118px; border-radius:118px;}
.date-circle > ul > li.finance > ul > li:nth-child(2){ left:93px; top:13px; width:38px; height:38px; border-radius:38px;}
.date-circle > ul > li.finance > ul > li:nth-child(1) h4{ font-size:16px; line-height:1em; margin-bottom:8px;}
.date-circle > ul > li.finance > ul > li:nth-child(1) p{ font-size:24px;}

.date-circle > ul > li.enterprise > ul > li{ background:#56bfb8; position:absolute;}
.date-circle > ul > li.enterprise > ul > li:nth-child(1){ left:5px; top:17px; width:74px; height:74px; border-radius:74px;}
.date-circle > ul > li.enterprise > ul > li:nth-child(2){ left:64px; top:11px; width:15px; height:15px; border-radius:15px;}
.date-circle > ul > li.enterprise > ul > li:nth-child(3){ left:78px; top:34px; width:13px; height:13px; border-radius:13px;}
.date-circle > ul > li.enterprise > ul > li:nth-child(1) h4{ font-size:14px;}
.date-circle > ul > li.enterprise > ul > li p{ font-size:12px;}
.date-circle > ul > li.enterprise > ul > li:nth-child(1) p{ font-size:18px;}
.date-circle > ul > li.marketing h4{ font-size:14px;}
.date-circle > ul > li.marketing p{ font-size:16px;}

.billing-list.aaa{ -webkit-animation:billing 2s ease; z-index:1000;}
@keyframes billing{
  0% {
	  transform:scale(1);
	  opacity:1;
  }
  100% {
	 transform:scale(10);
	/*opacity:0;*/
  }
}

#DataLayer{ display:block;}


/*view*/
.datetabDiv{ display:none; min-height:769px; background:#fff;}
.datetabDiv:nth-child(1){ max-height:767px;}
.view-box{ padding:20px 40px; display:none; background:#fff;}
.view-box2{ padding:40px 40px 0px 40px; display:none;}
.view-tab{ height:50px; background:#f3f7f9; color:#5593e5;}
.view-tab ul li{ cursor:pointer; position:relative; height:50px; line-height:50px; float:left; width:25%; box-sizing:border-box; border-right:2px solid #fff; font-size:18px; text-align:center;}
.view-tab ul li:last-child{ border-right:0px;}
.view-tab ul li.current{ background:#5593e5; color:#fff;}
.view-tab ul li.current:after{ display:block; content:""; width:0px; height:0px; position:absolute; bottom:0px; left:50%; margin-left:-6px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 6px solid #fff;
}

.viewDiv{ display:none;}

.attribute-form{ padding:53px 0px 30px 0px;}
.attribute-form ul li{ padding:9px 0px;}
.attribute-form ul li label{ display:inline-block; width:160px; vertical-align:middle; font-size:16px;}
.attribute-form ul li input{ font-size:16px;}

.view-table table{font-size:14px;}
.view-table table tr th{ font-weight:normal;  height:48px; line-height:48px; border-top:2px solid #ecf1f4; border-bottom:2px solid #ecf1f4; background:#f3f7f9;}
.view-table table tr td{ height:48px; line-height:48px; border-bottom:2px solid #ecf1f4; text-align:center;}
.view-table table tr td:first-child,.view-table table tr th:first-child{ text-align:left; padding-left:30px;}
.view-table table tr td:first-child a{ color:#5593e5; -webkit-text-stroke: 1px transparent;}
.view-table table tr td a[date="state"]{ display:inline-block; width:24px; height:24px;}
.view-table table tr td a.yes{ background:url(../../../pages/images/date_yes_ico.png) no-repeat;}
.view-table table tr td a.no{ background:url(../../../pages/images/date_no_ico.png) no-repeat;}

.view-table table tr:nth-child(odd){ background:#fbfcfd;}

.view-table.security-table{ padding-top:53px;}
.view-table.security-table table tr td,.view-table.security-table table tr th{ height:56px; line-height:56px;}

.page.security-page{ padding:14px 0px; border-top: none; text-align:left;}

.storage-rules ul{ padding:150px 150px 100px 150px;}
.storage-rules ul li{ float:left; text-align:center; box-sizing:border-box;}
.storage-rules ul li h3{ font-size:20px; line-height:1em; margin-bottom:20px;}
.storage-rules ul li.flow_arrow{ padding-top:95px; margin:0px 10px;}

.storage-rules ul li.zgip h3{ margin-bottom:62px;}
.storage-rules ul li.aging h3{ margin-bottom:55px;}

.storage-rules ul li h5{ font-size:12px; line-height:1em; padding-top:20px; color:#888;}
.storage-rules ul li h5 span{ color:#999;}


.chain ul{ padding:40px 150px 0px 150px;}
.chain ul li{ float:left; text-align:center;}
.chain1{ width:330px; height:330px; border:3px dashed #ededed; border-radius:20px;}
.chain1 h2{ padding-top:37px; font-size:24px; line-height:1em;}
.chain1 h4{ margin-top:34px;}
.chain ul li p{ font-size:14px; line-height:1.5em; padding-top:18px;}

.chain ul li:nth-child(1){ padding-top:90px;}
.chain ul li:nth-child(2){ padding-top:225px; margin:0px 10px;}
.chain ul li:nth-child(3){ padding-top:206px; }
.chain ul li:nth-child(4){ padding-top:60px; margin:0px 40px 0px 12px;}
.chain ul li:nth-child(6){ padding-top:251px; margin:0px 27px;}
.chain ul li:nth-child(7){ padding-top:206px; }

.chain ul li:nth-child(5) p{ margin-bottom:40px;}



.date-flow{ padding:40px 58px 22px 58px;}
#text1 li{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*width: 180px;*/
}
#text2 li c
{
    display: -webkit-box;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 90px;
    word-break:break-all;
}
.textdiv2
{
    width: 80px;
    height: 48px;
    text-align: center;
    line-height: 50px;
}
.textdiv
{
    width: 70px;height:48px;text-align: center;
    line-height: 50px;
    display: -webkit-box;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 90px;
    word-break:break-all;

}
.date-flow-top{}
.date-flow-top > div{ float:left;}
.date-flow-top > div:nth-child(odd){ width:252px; box-sizing:border-box; border:2px solid #4fc3f7;}
.date-flow-top > div:nth-child(odd) > h3{ height:43px; line-height:43px; background:#4fc3f7; color:#fff; font-size:14px; text-align:center;}
.date-flow-top > div:nth-child(odd) > ul > li{ height:38px; line-height:38px; font-size:16px; border-bottom:1px solid #4fc3f7; padding-left:20px;}
.date-flow-top > div:nth-child(odd) > ul > li:last-child{ border-bottom:0px;}
.date_flow_ico{ width:73px; padding-top:18px; text-align:center;}

.start-from{ margin:40px 0px; height:32px; line-height:32px; padding:5px 0px 5px 25px; background:#ecf1f4; font-size:0px;}
.start-from input.input{ width:149px; height:28px; line-height:28px; font-size:14px;}
.start-from .select-box{ margin:0px 7px 0px 12px;}
.start-from .select-ico{height: 28px;}
.start-from .select-ico:before{ top:11px;}
.start-from .select{ width:169px; top:34px;}
.start-from .select ul li{ font-size:14px;}
.start-from > strong{ font-weight:normal; display:inline-block; vertical-align:middle; font-size:14px;}
.start-from-btn{ display:inline-block;}
.start-from-btn > input{vertical-align:middle; cursor:pointer; font-size:14px; width:63px; height:32px; border:0px; border-radius:5px; background:#92de41; color:#fff;}

.date-flow-bottom{ }
.date-flow-bottom > div > div{ display:none;}

.date-flow-bottom > div:nth-child(odd){ border:0px; min-height:100px;}
.date-flow-bottom > div:nth-child(even){ border:0px; min-height:100px;}
.date-flow-bottom > div:nth-child(odd) > div> h3 {height: 38px;line-height: 38px; background: #4fc3f7; color:#fff; font-size: 14px; text-align:center;}
.date-flow-bottom > div:nth-child(odd) > div > div > ul > li{ cursor:pointer;  padding:0px 15px;height:48px; border-top:1px solid #fff; background:#f9f9f9;}
.date-flow-bottom > div:nth-child(odd) > div > div > ul > li:first-child{height:38px; background:#cacaca; color:#fff; }
.date-flow-bottom > div:nth-child(odd) > div > div > ul > li:first-child:hover{ background:#cacaca;}
.date-flow-bottom > div:nth-child(odd) > div > div > ul > li:hover{ background:#f3ff89;}
.date-flow-bottom > div:nth-child(odd) > div > div > ul > li > ul > li{ height:40px; display:table-cell; vertical-align:middle;}
.date-flow-bottom > div:nth-child(odd) > div > ul > li > ul > li:nth-child(odd){ width:70px;}
.date-flow-bottom > div:nth-child(odd) > div > ul > li > ul > li:nth-child(even){padding-left:0px;}

.date-flow-bottom .date_flow_ico{ padding-top:0px; height:1008px; position:relative;}
.date-flow-bottom .date_flow_ico img{ position:absolute; top:0px; left:0px; z-index:10;}
/*manage*/

.manage-box{ background:#fff;}
.manage-tit{ height:40px; padding:14px 0px; background:#eaeef2;}
.manage-tit h1{ font-size:20px; line-height:40px; padding-left:20px;}

.manage-quality{ font-size:0px; height:34px; padding:8px 0px 8px 14px; border-bottom:2px solid #ecf1f4;}
.manage-quality span{ display:inline-block; height:34px; font-size:14px; line-height:34px; padding:0px 6px; border-right:1px solid #ccc;}
.manage-quality span font{ font-size:16px; line-height:34px; color:#9CE153; padding:0px 3px;}
.manage-quality span i{ margin-right:20px;}
.manage-quality span:last-child{ border-right:0px;}

.manage-chart1-tit{ height:48px; padding:13px 0px; background:#f6f8fa; font-size:16px; line-height:24px;}
.manage-chart1-left .manage-chart1-tit{ padding-left:20px;}
.manage-chart1-right .manage-chart1-tit{ padding-left:30px;}
.manage-chart1-left{ width:651px; border-right:2px solid #ecf1f4;}
.manage-chart1-right{ width:1023px;}
.manage-chart1-con{ height:240px; box-sizing:border-box;}

.manage-chart1-left .manage-chart1-con{ padding:40px 50px;}
.manage-chart1-right .manage-chart1-con{ padding:38px 74px 40px 74px;}

.manage-chart2-tit{ padding:6px 20px; height:40px; line-height:40px; font-size:16px; background:#f6f8fa; border-top:2px solid #ecf1f4;}
.manage-chart2-tit a{ display:inline-block; height:36px; line-height:36px; text-align:center; background:#92DE40; color:#fff; font-size:12px; padding:0px 15px 0px 35px;/* border:2px solid #dde6eb;*/ border-radius:6px; position:relative;}
.manage-chart2-tit a:before{ display:block; content:""; width:16px; height:14px; background:url(../../../pages/images/more_conditions_ico.png) no-repeat; position:absolute; top:10px; left:13px;}

.manage-filter{ font-size:0px;}
.manage-filter a{ font-size:16px; margin-right:12px; display:inline-block; height:30px; line-height:30px; border-radius:5px; background:#fff; padding:0px 24px; border:2px solid #dde6eb;}
.manage-filter a.current{ background:#92DE40; border-color:#92DE40; color:#fff;}
.manage-filter div.datetime{ position:relative; display:inline-block; font-size:16px;  height:30px; line-height:30px; border-radius:5px; background:#fff; padding:0px 50px 0px 17px; border:2px solid #dde6eb;}
.manage-filter div.datetime input{ font-size:16px;  width:85px; padding:0px; margin:0px; line-height:28px; border:0px; font-size:16px; }
.manage-filter div.datetime span{  font-size:16px; height:30px; line-height:30px;  color:#4495fa;}
.manage-filter div.datetime ins{ position:absolute; cursor:pointer; display:block; height:30px; width:30px; border-left:2px solid #ecf1f4; position:absolute; top:0px; right:0px;}
.manage-filter div.datetime ins:before{display:block; content:""; width:0px; height:0px; position:absolute; top:12px; left:9px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 7px solid #5593e5;
}
.manage-chart2-left,.manage-chart2-right{ height:385px;}


.manage-chart2-tit.manage-chart2-tit-2{ background:#fff;}
.manage-chart2-tit.manage-chart2-tit-2 a:before{height:16px; background:url(../../../pages/images/set_index_ico.png) no-repeat;top:11px;}

.manage-table{ padding:0px 20px 20px 20px;}
.manage-table tr th span{ position:relative; padding-right:18px;}
.manage-table tr th span:after{display:block; content:""; width:0px; height:0px; position:absolute; top:6px; right:0px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #535353;
}
.manage-table table tr:last-child{ }
.manage-table table tr td:first-child span{ margin-right:25px;}
.manage-table table tr:last-child td strong,.manage-table table tr th i{ margin-left:30px;}

.manage-table table tr td a.see-info{ display:inline-block; width:32px; height:32px; border:2px solid #ecf1f4; border-radius:32px; position:relative;}
.manage-table table tr td a.see-info:before{ display:block; content:""; width:16px; height:16px; background:url(../../../pages/images/see_info_ico.png) no-repeat; position:absolute; top:8px; left:8px;}

/*life cycle*/
.lifecycle{ background:#fff;}
.lifecycle-tit{ height:48px; line-height:48px; background:#ecf1f4; font-size:20px; padding-left:22px;}
.lifecycle-chart1{ width:1600px; padding:40px; height:265px;}

.lifecycle-chart2-tit{ padding-left:22px; height:18px; padding-top:22px; font-size:18px; line-height:1em ;border-top:2px solid #ecf1f4;}
.lifecycle-chart2 > ul{  padding-bottom:40px;} 
.lifecycle-chart2 > ul >li{ /*height:227px;*/ padding:0px 40px;}
.lifecycle-chart2-left{ width:757px; border-right:2px solid #ecf1f4;}

.lifecycle-chart2 > ul >li{ /*height:227px;*/ padding:0px 40px;}

.lifecycle-chart3{border-top:2px solid #ecf1f4;}

.lifecycle-chart2.lifecycle-chart3 > ul >li{ padding-bottom:40px; width:757px;}
.lifecycle-chart2.lifecycle-chart3 ul{ padding-bottom:0px;}
.lifecycle-chart3 .lifecycle-chart2-tit{border-top:0px; padding-left:0px;}
.lifecycle-chart3-left > ul{ width:782px; overflow:hidden;/* height:236px;*/ padding:40px 0px;}
.lifecycle-chart3-left > ul > li{ width:236px; padding:0px 18px; box-sizing:border-box; height:349px; border-radius:5px; float:left; margin-right:24.5px; position:relative;}

.lifecycle-chart3-left > ul > li h3{ height:35px; line-height:35px; font-size:18px; text-align:center;}
.lifecycle-chart3-left > ul > li:nth-child(1){ background:#ffe7e7;}
.lifecycle-chart3-left > ul > li:nth-child(2){ background:#fffae4;}
.lifecycle-chart3-left > ul > li:nth-child(3){ background:#eff5ff;}

.lifecycle-chart3-left > ul > li > div{ width:120px; box-sizing:border-box; position:absolute;}
.lifecycle-chart3-left > ul > li:nth-child(1) > div{ background:#FF8A65; border:1px solid #f09b9b;}
.lifecycle-chart3-left > ul > li:nth-child(1) > div:nth-child(1){ top:35px; left:18px;}
.lifecycle-chart3-left > ul > li:nth-child(1) > div:nth-child(2){ top:124px; left:98px;}
.lifecycle-chart3-left > ul > li:nth-child(1) > div:nth-child(3){ top:216px; left:18px;}

.lifecycle-chart3-left > ul > li > div > ul > li{ border-bottom:1px solid #ffc9c9; text-align:center; font-size:12px; line-height:12px; padding:4px 0px; color:#fff;}
.lifecycle-chart3-left > ul > li:nth-child(2) > div > ul > li{border-color:#ffe676;}
.lifecycle-chart3-left > ul > li:nth-child(3) > div > ul > li{border-color:#93c6ff;}

.lifecycle-chart3-left > ul > li > div > ul > li:first-child{ padding:5px 0px; border-color:#fff;}
.lifecycle-chart3-left > ul > li > div > ul > li:last-child{ border-bottom:0px; height:8px; padding:0px; font-size: 0px;}
.lifecycle-chart3-left > ul > li > div > ul > li:last-child span{ display:inline-block; width:4px; height:4px; border-radius:4px; background:#fff; margin:0px 2px;}
.lifecycle-chart3-left > ul > li > a{ width:48px; height:14px; line-height:14px; text-align:center; border:1px solid #c2c2c2; border-radius:14px; position:absolute; bottom:6px; left:93px;}



.lifecycle-chart3-left > ul > li:nth-child(2) > div{ background:#FFB74D; border:1px solid #eaca40;}
.lifecycle-chart3-left > ul > li:nth-child(2) > div:nth-child(1){ top:54px; left:58px;}
.lifecycle-chart3-left > ul > li:nth-child(2) > div:nth-child(2){ top:185px; left:58px;}

.lifecycle-chart3-left > ul > li:nth-child(3) > div{ background:#4FC3F7; border:1px solid #60a2ed;}
.lifecycle-chart3-left > ul > li:nth-child(3) > div:nth-child(1){ top:54px; left:58px;}
.lifecycle-chart3-left > ul > li:nth-child(3) > div:nth-child(2){ top:185px; left:58px;}

.value-date-table{ padding:0px; width:757px;}

.value-date-table.view-table table tr td,.value-date-table.view-table table tr th{ height:36px; line-height:36px;}
.value-date-table.view-table table{ margin-top:40px;}


.category-left > ul > li > ul > li > ul >li >ul>li {
    padding-left: 20px;
    position: relative;

}

x{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 230px;
}
.category-left > ul > li > ul > li > ul >li >ul>li>ul>li {
    padding-left: 15px;
    position: relative;
}


.limitLayout{ position:relative;}
.datetime-input{ display:inline-block;font-size: 16px; width: 85px; padding: 0px; margin: 0px; line-height: 28px; border: 0px; font-size: 16px;}
.datetime-input input.input{ height:28px; background:none;}

.showPlayer{ width:607px; display:none;background:#fff; box-shadow:0px 2px 9px #ccc; position:absolute; z-index:9999; left:242px; top:23px;}
.showPlayerClose{ width:12px; height:12px; background:url(../../../pages/images/player-close.png) no-repeat center center; position:absolute; top:16px; right:16px; cursor:pointer;}
.showPlayer-tit{ height:50px; line-height:50px; text-align:center; font-size:18px;}
.showPlayer-tit span{ position:relative; display:inline-block; padding-left:30px;}
.showPlayer-tit span i{ position:absolute; left:0px; top:50%; margin-top:-10px; display:block; width:20px; height:20px; background-color:#ffa520; background-repeat:no-repeat; background-position:center center; background-size:55%; line-height:20px; border-radius:20px; font-size:18px; color:#fff; text-align:center; }

#green .showPlayer-tit span i{ background-color:#289923;}

.showPlayer-sub-tit{ height:27px; line-height:27px; background:#f6f6f6;}
.showPlayer-sub-tit span{ padding-left:5px; font-size:14px; border-left:5px solid #8acc2e; margin-left:20px;}
.showPlayerForm{ padding:10px 20px;}
.showPlayerForm ul li{ height:32px;  margin-bottom:10px; font-size:0px;}
.showPlayerForm ul li.textarea{ height:88px;}
.showPlayerForm ul li.textarea label{ vertical-align:top;}
.showPlayerForm ul li label{ display:inline-block; vertical-align:middle; color:#848484; width:117px; text-align:right; box-sizing:border-box; padding-right:8px; font-size:14px;}
.showPlayerForm ul li label.label130{ width:130px;}
.showPlayerForm ul li label font{ color:#ff0000;}
.showPlayerForm ul li input{ color:#333333; width:450px; height:32px; font-size:14px; border-radius:5px; border:1px solid #cfcfcf; box-sizing:border-box; padding:0px 10px;}
.showPlayerForm ul li input.input160{ width:160px;}
.showPlayerForm ul li textarea{ color:#333333; resize:none; width:450px; height:88px; font-size:14px; border-radius:5px; border:1px solid #cfcfcf; box-sizing:border-box; padding:0px 10px;}

.showPlayer1 .showPlayer-tit span i{/* background-image:url(../images/circle-menu1.png);*/}
.showPlayer2 .showPlayer-tit span i{ background-image:url(../../../pages/images/circle-menu2.png);}
.showPlayer3 .showPlayer-tit span i{ background-image:url(../../../pages/images/circle-menu3.png);}
.showPlayer4 .showPlayer-tit span i{ background-image:url(../../../pages/images/circle-menu4.png);}
.showPlayer5 .showPlayer-tit span i{ background-image:url(../../../pages/images/circle-menu5.png);}

.showPlayerTable{ height:342px; overflow:hidden; overflow-y:scroll; margin-bottom:20px;}
.showPlayerTable table tr{ height:31px; border-bottom:1px solid #ecf1f4; font-size:14px;}
.showPlayerTable table tr:nth-child(odd){ background:#f3f7f9;}
.showPlayerTable table tr th{ text-align:left; font-weight:normal;}
.showPlayerTable table tr th:nth-child(1){padding-left:40px;}
.showPlayerTable table tr td:nth-child(1){ color:#5593e5; padding-left:40px;}
.showPlayerTable table tr td button{ cursor:pointer; width:16px; height:16px; background:url(../../../pages/images/dimension.png) no-repeat center center; border:0px; margin-left:24px;}

.showPlayerForm ul li label.radio{ width:auto; margin-right:28px; padding-left:0px; cursor:pointer;}
.showPlayerForm ul li label.radio input{ display:none;}
.showPlayerForm ul li label.radio ins{ display:inline-block; vertical-align:middle; width:22px; height:22px; border-radius:22px; border:1px solid #cbcbcb; position:relative; margin-right:10px;}
.showPlayerForm ul li label.radio.checked ins:before{display:block; content:""; width:8px; height:8px; border-radius:8px; background:#92de41; position:absolute; top:50%; left:50%; margin-top:-4px; margin-left:-4px;}

.showPlayerForm ul li label.radio p{ display:inline-block; font-size:14px; vertical-align:middle; color:#333333;}

.showPlayerForm ul li.radioBox3{ height:62px;}
.showPlayerForm ul li.radioBox3 label{vertical-align:top;}
.showPlayerForm ul li.radioBox3 label.radio{ margin-bottom:10px; }

.showPlayerForm ul li.radioBox3 .form-input{ width:450px;}

.level-two{ position:relative; width:100%; height:673px;}
.level-two > ul >li{ position:absolute; display:table; cursor:pointer;  transition:all 0.3s;}
.level-two > ul >li.scale{ transform:scale(0.72);}
.level-two > ul >li.scale2{/* transform:scale(2.8);*/ top:50%; left:50%; z-index:999; width:335px; height:335px; border-radius:335px; margin-left:-167.5px; margin-top:-167.5px;}
.level-two > ul >li.scale2 .level-circle{ width:420px; height:420px; border-radius:420px; margin-left:-210px; margin-top:-210px;  transition:all 0.3s;}
.level-two > ul >li.scale2 .level-circle:before{ display:none;}
.level-two > ul >li.scale2 .level-text{ font-size:24px; line-height:1.5em;}
.level-two > ul >li.scale2{ background-color:#ffa520}

.level-two > ul >li > div.level-text{ display:table-cell; width:100%; height:100%; font-size:14px; text-align:center; vertical-align:middle; color:#fff;}
.level-circle-menu{ width:100%; height:100%; border-radius:100%; position:absolute; display:none; z-index:2; top:50%; left: 50%; margin-left: -167.5px; margin-top: -167.5px;}
.level-circle-menu > ul{width:100%; height:100%;}
.level-circle-menu > ul > li{ width:340px; height:340px; border-radius:340px; position:absolute; left:50%; top:50%; margin-left:-170px; margin-top:-170px; z-index:100; -webkit-transform: rotate(15deg);}
.level-circle-menu > ul > li a{ display:block; width:65px; height:65px; border-radius:65px; background-color:#ffa520; background-repeat:no-repeat; background-position: center center; position:absolute; z-index:999;  top:-72.5px; left:50%; margin-left:-32.5px;}
.level-circle-menu > ul > li a.current,.level-circle-menu > ul > li a:hover{ background-color:#b9730d;}



#green .level-circle-menu > ul > li a{ display:block; width:65px; height:65px; border-radius:65px; background-color:#259b23; background-repeat:no-repeat; background-position: center center; position:absolute; z-index:999;  top:-72.5px; left:50%; margin-left:-32.5px;}
#green .level-circle-menu > ul > li a.current,#green .level-circle-menu > ul > li a:hover{ background-color:#2d642d;}


.level-circle-menu > ul > li:nth-child(1){-webkit-transform: rotate(15deg); -webkit-animation:circle-menu1 0.5s linear;}
.level-circle-menu > ul > li:nth-child(1) a{-webkit-transform: rotate(-15deg); background-image:url(../../../pages/images/circle-menu1.png);}

.level-circle-menu > ul > li:nth-child(2){-webkit-transform: rotate(40deg); -webkit-animation:circle-menu2 0.5s linear;}
.level-circle-menu > ul > li:nth-child(2) a{-webkit-transform: rotate(-40deg); background-image:url(../../../pages/images/circle-menu2.png);}

.level-circle-menu > ul > li:nth-child(3){-webkit-transform: rotate(65deg); -webkit-animation:circle-menu3 0.5s linear;}
.level-circle-menu > ul > li:nth-child(3) a{-webkit-transform: rotate(-65deg); background-image:url(../../../pages/images/circle-menu3.png);}

.level-circle-menu > ul > li:nth-child(4){-webkit-transform: rotate(90deg); -webkit-animation:circle-menu4 0.5s linear;}
.level-circle-menu > ul > li:nth-child(4) a{-webkit-transform: rotate(-90deg); background-image:url(../../../pages/images/circle-menu4.png);}

.level-circle-menu > ul > li:nth-child(5){-webkit-transform: rotate(115deg); -webkit-animation:circle-menu5 0.5s linear;}
.level-circle-menu > ul > li:nth-child(5) a{-webkit-transform: rotate(-115deg); background-image:url(../../../pages/images/circle-menu5.png);}

.level-circle-menu > ul > li:nth-child(6){-webkit-transform: rotate(140deg); -webkit-animation:circle-menu6 0.5s linear;}
.level-circle-menu > ul > li:nth-child(6) a{-webkit-transform: rotate(-140deg); background-image:url(../../../pages/images/circle-menu6.png);}

.level-circle-menu > ul > li:nth-child(7){-webkit-transform: rotate(165deg); -webkit-animation:circle-menu7 0.5s linear;}
.level-circle-menu > ul > li:nth-child(7) a{-webkit-transform: rotate(-165deg); background-image:url(../../../pages/images/circle-menu7.png);}


@-webkit-keyframes circle-menu1{
	
0%{ -webkit-transform:rotate(0deg); -webkit-opacity:0;}

100%{-webkit-transform:rotate(15deg); -webkit-opacity:1;}

}

@-webkit-keyframes circle-menu2{
	
0%{ -webkit-transform:rotate(0deg); -webkit-opacity:0;}

100%{-webkit-transform:rotate(40deg); -webkit-opacity:1;}

}
@-webkit-keyframes circle-menu3{
	
0%{ -webkit-transform:rotate(0deg); -webkit-opacity:0;}

100%{-webkit-transform:rotate(65deg); -webkit-opacity:1;}

}
@-webkit-keyframes circle-menu4{
	
0%{ -webkit-transform:rotate(0deg); -webkit-opacity:0;}

100%{-webkit-transform:rotate(90deg); -webkit-opacity:1;}

}
@-webkit-keyframes circle-menu5{
	
0%{ -webkit-transform:rotate(0deg); -webkit-opacity:0;}

100%{-webkit-transform:rotate(115deg); -webkit-opacity:1;}

}
@-webkit-keyframes circle-menu6{
	
0%{ -webkit-transform:rotate(0deg); -webkit-opacity:0;}

100%{-webkit-transform:rotate(140deg); -webkit-opacity:1;}

}
@-webkit-keyframes circle-menu7{
	
0%{ -webkit-transform:rotate(0deg); -webkit-opacity:0;}

100%{-webkit-transform:rotate(165deg); -webkit-opacity:1;}

}
@-webkit-keyframes scale22{
	
0%{ -webkit-opacity:0;}

100%{-webkit-opacity:1;}

}
.scale2{ animation:scale22 linear 1s;}

.level-circle{ box-sizing:border-box; border:1px solid #f78f47; position:absolute; top:50%; left:50%; animation-play-state:paused;  -webkit-animation:rotate 2s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; -webkit-animation-play-state:paused; }
.level-two > ul >li:hover .level-circle{  animation-play-state:running; -webkit-animation-play-state:running;}
.level-two > ul >li[d="1"]:hover .level-circle{ animation-play-state:paused; -webkit-animation-play-state:paused;}

.level-circle:before{ display:block; content:""; width:10px; height:10px; border-radius:10px; background:#f78f47; position:absolute; top:10px; right:10px;}

.level-two > ul > li.level-two-8.aaa{margin-left: -100px; margin-top: 50px;}
.level-two > ul > li.level-two-9.aaa{margin-left: -60px; margin-top: 30px;}
.level-two > ul > li.level-two-10.aaa{margin-left: -100px; margin-top: -50px;}
.level-two > ul > li.level-two-11.aaa{margin-left: -320px; margin-top:180px; }
.level-two > ul > li.level-two-12.aaa{margin-left: 160px; }
.level-two > ul > li.level-two-13.aaa{margin-left: 130px; }
.level-two > ul > li.level-two-14.aaa{margin-left: 100px; }
.level-two > ul > li.level-two-15.aaa{margin-left: 90px; }
.level-two > ul > li.level-two-17.aaa{margin-left: 90px; }


.level-two > ul > li.aaa.scale2{margin-left: -167.5px; margin-top: -167.5px;}


.level-circle-1,.level-circle-2,.level-circle-3,.level-circle-5,.level-circle-13{width:107px; height:107px; border-radius:107px; margin-top:-53.5px; margin-left:-53.5px; }
.level-two-1,.level-two-2,.level-two-3,.level-two-5,.level-two-13{ width:82px; height:82px; border-radius:82px;  background:#f78f47;}
.level-two-1{ left:100px; top:100px;}
.level-two-2{top:266px; left:112px;}
.level-two-3{left:95px; top:450px; background:#f9a267;}

.level-two-4{ width:106px; height:106px; border-radius:106px; background:#b9730d; left:262px; top:43px;}
.level-circle-4{width:138px; height:138px; border-radius:138px; margin-top:-69px; margin-left:-69px; border-color:#b9730d; }
.level-circle.level-circle-4:before{ background:#b9730d; width:14px; height:14px; border-radius:14px; top:13px; right:13px;}
.level-two-5{left:355px; top:303px;}

.level-two-6{ width:112px; height:112px; border-radius:112px; background:#f67b26; left:305px; top:490px;}
.level-circle-6{width:147px; height:147px; border-radius:147px; margin-top:-73.5px; margin-left:-73.5px; border-color:#f67b26; }
.level-circle.level-circle-6:before{width:14px; height:14px; border-radius:14px; top:14px; right:14px;}

.level-two-7{ width:106px; height:106px; border-radius:106px; background:#ffa520; left:435px; top:180px;}
.level-circle-7{width:138px; height:138px; border-radius:138px; margin-top:-69px; margin-left:-69px; border-color:#ffa520; }
.level-circle.level-circle-7:before{ background:#ffa520; width:14px; height:14px; border-radius:14px; top:13px; right:13px;}

.level-two-8{ width:100px; height:100px; border-radius:100px; left:566px; top:300px; background:#f78f47;}
.level-circle-8{width:131px; height:131px; border-radius:131px;  margin-top:-65.5px; margin-left:-65.5px; }
.level-circle.level-circle-8:before{ width:14px; height:14px; border-radius:14px; top:12px; right:12px;}

.level-two-9{ width:96px; height:96px; border-radius:96px;  background:#f78f47; left:648px; top:498px;}
.level-circle-9{width:126px; height:126px; border-radius:126px; margin-top:-63px; margin-left:-63px; }
.level-circle.level-circle-9:before{ top:13px; right:13px;}

.level-two-10{  width:106px; height:106px; border-radius:106px;  background:#f78f47; left:696px; top:96px;}
.level-circle-10{width:138px; height:138px; border-radius:138px; margin-top:-69px; margin-left:-69px;  }
.level-circle.level-circle-10:before{ top:14px; right:14px;}

.level-two-11{  width:120px; height:120px; border-radius:120px; background:#ffa520; left:770px; top:282px;}
.level-circle-11{width:157px; height:157px; border-radius:157px; margin-top:-78.5px; margin-left:-78.5px; border-color:#ffa520;}
.level-circle.level-circle-11:before{width:14px; height:14px; border-radius:14px; top:15px; right:15px; background:#ffa520;}

.level-two-12{  width:115px; height:115px; border-radius:115px; background:#b9730d; left:890px; top:482px;}
.level-circle-12{width:150px; height:150px; border-radius:150px; margin-top:-75px; margin-left:-75px; border-color:#b9730d;}
.level-circle.level-circle-12:before{ width:14px; height:14px; border-radius:14px; top:15px; right:15px; background:#b9730d;}

.level-two-13{left:890px; top:58px;}

.level-two-14{  width:95px; height:95px; border-radius:95px; background:#b9730d; left:1006px; top:160px;}
.level-circle-14{width:124px; height:124px; border-radius:124px; margin-top:-62px; margin-left:-62px; border-color:#b9730d;}
.level-circle.level-circle-14:before{ top:13px; right:13px; background:#b9730d;}

.level-two-15{  width:95px; height:95px; border-radius:95px; background:#f78f47; left:1019px; top:354px;}
.level-circle-15{width:125px; height:125px; border-radius:125px; margin-top:-62.5px; margin-left:-62.5px; border-color:#f78f47;}
.level-circle.level-circle-15:before{ top:13px; right:13px; background:#f78f47;}

.level-two-16{  width:121px; height:121px; border-radius:121px; background:#f9a267; left:1170px; top:30px;}
.level-circle-16{width:158px; height:158px; border-radius:158px; margin-top:-79px; margin-left:-79px; border-color:#f9a267;}
.level-circle.level-circle-16:before{ width:16px; height:16px; top:15px; right:15px; background:#f9a267;}

.level-two-17{  width:106px; height:106px; border-radius:106px; background:#f9a267; left:1180px; top:232px;}
.level-circle-17{width:138px; height:138px; border-radius:138px; margin-top:-69px; margin-left:-69px; border-color:#f9a267;}
.level-circle.level-circle-17:before{ width:14px; height:14px; top:14px; right:14px; background:#f9a267;}

.level-two-18{  width:107px; height:107px; border-radius:107px; background:#f67b26; left:1218px; top:467px;}
.level-circle-18{width:139px; height:139px; border-radius:139px; margin-top:-69.5px; margin-left:-69.5px; border-color:#f67b26;}
.level-circle.level-circle-18:before{ width:14px; height:14px; top:14px; right:14px; background:#f67b26;}

.level-two-19{  width:127px; height:127px; border-radius:127px; background:#f67b26; left:1400px; top:148px;}
.level-circle-19{width:166px; height:166px; border-radius:166px; margin-top:-83px; margin-left:-83px; border-color:#f67b26;}
.level-circle.level-circle-19:before{ width:16px; height:16px; top:16px; right:16px; background:#f67b26;}

.level-two-20{  width:106px; height:106px; border-radius:106px; background:#f9a267; left:1400px; top:350px;}
.level-circle-20{width:138px; height:138px; border-radius:138px; margin-top:-69px; margin-left:-69px; border-color:#f9a267;}
.level-circle.level-circle-20:before{ width:14px; height:14px; top:14px; right:14px; background:#f9a267;}



#green .level-two-1{ background:#65aa1c;}
#green .level-circle-1{border-color:#65aa1c;}
#green .level-circle.level-circle-1:before{ background:#65aa1c;}

#green .level-two-2{ background:#93c360;}
#green .level-circle-2{border-color:#93c360;}
#green .level-circle.level-circle-2:before{ background:#93c360;}

#green .level-two-3{ background:#72cc12;}
#green .level-circle-3{border-color:#72cc12;}
#green .level-circle.level-circle-3:before{ background:#72cc12;}

#green .level-two-4{ background:#65aa1c;}
#green .level-circle-4{border-color:#65aa1c;}
#green .level-circle.level-circle-4:before{ background:#65aa1c;}

#green .level-two-5{ background:#259b24;}
#green .level-circle-5{border-color:#259b24;}
#green .level-circle.level-circle-5:before{ background:#259b24;}

#green .level-two-6{ background:#2baf2b;}
#green .level-circle-6{border-color:#2baf2b;}
#green .level-circle.level-circle-6:before{ background:#2baf2b;}

#green .level-two-7{ background:#92de41; }
#green .level-circle-7{border-color:#92de41;}
#green .level-circle.level-circle-7:before{ background:#92de41;}

#green .level-two-8{ background:#7cb342;}
#green .level-circle-8{border-color:#7cb342;}
#green .level-circle.level-circle-8:before{ background:#7cb342;}

#green .level-two-9{ background:#93c360;}
#green .level-circle-9{border-color:#93c360;}
#green .level-circle.level-circle-9:before{ background:#93c360;}

#green .level-two-10{ background:#93c360;}
#green .level-circle-10{border-color:#93c360;}
#green .level-circle.level-circle-10:before{ background:#93c360;}

#green .level-two-11{ background:#92de41;}
#green .level-circle-11{border-color:#92de41;}
#green .level-circle.level-circle-11:before{ background:#92de41;}

#green .level-two-12{ background:#7cb342;}
#green .level-circle-12{border-color:#7cb342;}
#green .level-circle.level-circle-12:before{ background:#7cb342;}

#green .level-two-13{ background:#64dd17;}
#green .level-circle-13{border-color:#64dd17;}
#green .level-circle.level-circle-13:before{ background:#64dd17;}

#green .level-two-14{ background:#65aa1c;}
#green .level-circle-14{border-color:#65aa1c;}
#green .level-circle.level-circle-14:before{ background:#65aa1c;}

#green .level-two-15{ background:#93c360;}
#green .level-circle-15{border-color:#93c360;}
#green .level-circle.level-circle-15:before{ background:#93c360;}

#green .level-two-16{ background:#7cb342;}
#green .level-circle-16{border-color:#7cb342;}
#green .level-circle.level-circle-16:before{ background:#7cb342;}

#green .level-two-17{ background:#64dd17;}
#green .level-circle-17{border-color:#64dd17;}
#green .level-circle.level-circle-17:before{ background:#64dd17;}

#green .level-two-18{ background:#259b24;}
#green .level-circle-18{border-color:#259b24;}
#green .level-circle.level-circle-18:before{ background:#259b24;}

#green .level-two-19{ background:#92de41;}
#green .level-circle-19{border-color:#92de41;}
#green .level-circle.level-circle-19:before{ background:#92de41;}

#green .level-two-20{ background:#259b24;}
#green .level-circle-20{border-color:#259b24;}
#green .level-circle.level-circle-20:before{ background:#259b24;}

#green .level-two-21{  width:106px; height:106px; border-radius:106px; background:#92de41; left:1400px; top:350px;}
#green .level-circle-21{width:138px; height:138px; border-radius:138px; margin-top:-69px; margin-left:-69px; border-color:#92de41;}
#green .level-circle.level-circle-21:before{ width:14px; height:14px; top:14px; right:14px; background:#92de41;}

#green.level-two > ul >li.scale2{ background-color:#259b23}
#green .level-two-7 .level-text,#green .level-two-13 .level-text,#green .level-two-16 .level-text,#green .level-two-17 .level-text,#green .level-two-19 .level-text{/*color:#333*/}


@-webkit-keyframes rotate{
	
0%{ -webkit-transform:rotate(0deg);}

100%{-webkit-transform:rotate(360deg);}

}


.popularity-box{ width:100%; height:auto; padding:20px 45px 45px 45px; background:#fff;}
.popularity{ width:1508px; height:603px; box-sizing:border-box; margin:0px auto; position:relative; border-left:2px solid #c9c9c9; border-bottom:2px solid #c9c9c9;}
.popularity-line ul li{ height:150px; width:100%; box-sizing:border-box; border-top:2px dashed #efefef; position:relative;}
.popularity-line ul li span{ position:absolute; display:inline-block; width:60px; top:-9px; left:-60px; font-size:18px; color:#b3b3b3; line-height:1em; text-align:right; box-sizing:border-box; padding-right:15px;}
.popularity-line ul{ position:relative;}
.popularity-line ul > span{position:absolute; display:inline-block; width:60px; bottom:-9px; left:-60px; font-size:18px; color:#b3b3b3; line-height:1em; text-align:right; box-sizing:border-box; padding-right:15px;}

.pop-date{ width:100%; height:100%; position:absolute; top:0px;}
.pop-date-tit{ font-size:18px; padding:33px 0px 45px 44px;}
.pop-date ul{ width:100%; height:100%; position:relative;}
.pop-date ul li{ display:table; position:absolute; bottom:0px;/* font-family:Myriad Pro;*/ cursor:pointer; -webkit-transition:all 1s; transition:all 1s; }
.pop-date.ccc ul li{}
.pop-date ul li .pop-text{ display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; font-size:15px; line-height:1.2em; color:#fff;}

.pop-date ul li .pop-percent{ position:absolute; left:0px; top:-38%; width:100%; text-align:center; font-size:20px; line-height:1em;}
.pop-date ul li .pop-circle{position: absolute; width:130%; height:130%; top:-15%; left:-15%; border-radius:100%; box-sizing:border-box; border:1px solid #ccc; transform:rotate(35deg); animation-play-state:paused;  -webkit-animation:protate 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; -webkit-animation-play-state:paused;}
.pop-date ul li .pop-circle:before{ display:block; content:""; width:10%; height:10%; border-radius:100%; background:#000; position:absolute; top:-5%; right:50%; margin-left:-5%;}
.pop-date ul li .pop-circle:hover{animation-play-state:running; -webkit-animation-play-state:running;}

.pop-date ul li:nth-child(1){ left:146px; width:105px; height:105px; border-radius:105px; background:#92de41;}
.pop-date ul li:nth-child(1) .pop-percent{ color:#92de41;}
.pop-date ul li:nth-child(1) .pop-circle{ border-color:#92de41}
.pop-date ul li:nth-child(1) .pop-circle:before{background:#92de41;}


.pop-date ul li:nth-child(2){ left:200px; width:132px; height:132px; border-radius:132px; background:#fac61e;}
.pop-date ul li:nth-child(2) .pop-percent{ color:#fac61e;}
.pop-date ul li:nth-child(2) .pop-circle{ border-color:#fac61e}
.pop-date ul li:nth-child(2) .pop-circle:before{background:#fac61e;}

.pop-date ul li:nth-child(3){ left:460px; width:117px; height:117px; border-radius:117px; background:#65aa1c;}
.pop-date ul li:nth-child(3) .pop-percent{ color:#65aa1c;}
.pop-date ul li:nth-child(3) .pop-circle{ border-color:#65aa1c}
.pop-date ul li:nth-child(3) .pop-circle:before{background:#65aa1c;}

.pop-date ul li:nth-child(4){ left:620px; width:147px; height:147px; border-radius:147px; background:#a4b0dd; }
.pop-date ul li:nth-child(4) .pop-percent{ color:#a4b0dd;}
.pop-date ul li:nth-child(4) .pop-circle{ border-color:#a4b0dd}
.pop-date ul li:nth-child(4) .pop-circle:before{background:#a4b0dd;}
.pop-date ul li:nth-child(4) .pop-text{font-size:12px; line-height:14px;}

.pop-date ul li:nth-child(5){ left:665px; width:79px; height:79px; border-radius:79px; background:#4dd0e1;}
.pop-date ul li:nth-child(5) .pop-percent{ color:#a4b0dd;}
.pop-date ul li:nth-child(5) .pop-circle{ border-color:#a4b0dd}
.pop-date ul li:nth-child(5) .pop-circle:before{background:#a4b0dd;}

.pop-date ul li:nth-child(6){ left:864px; width:126px; height:126px; border-radius:126px; background:#4db6ac;}
.pop-date ul li:nth-child(6) .pop-percent{ color:#4db6ac;}
.pop-date ul li:nth-child(6) .pop-circle{ border-color:#4db6ac}
.pop-date ul li:nth-child(6) .pop-circle:before{background:#4db6ac;}


.pop-date ul li:nth-child(7){ left:1000px; width:79px; height:79px; border-radius:79px; background:#ffb74d;}
.pop-date ul li:nth-child(7) .pop-percent{ color:#ffb74d;}
.pop-date ul li:nth-child(7) .pop-circle{ border-color:#ffb74d}
.pop-date ul li:nth-child(7) .pop-circle:before{background:#ffb74d;}


.pop-date ul li:nth-child(8){ left:1148px; width:165px; height:165px; border-radius:165px; background:#ff8a65;}
.pop-date ul li:nth-child(8) .pop-percent{ color:#ff8a65;}
.pop-date ul li:nth-child(8) .pop-circle{ border-color:#ff8a65}
.pop-date ul li:nth-child(8) .pop-circle:before{background:#ff8a65;}


.pop-date ul li:nth-child(9){ left:1198px; width:79px; height:79px; border-radius:79px; background:#4fc3f7;}
.pop-date ul li:nth-child(9) .pop-percent{ color:#4fc3f7;}
.pop-date ul li:nth-child(9) .pop-circle{ border-color:#4fc3f7}
.pop-date ul li:nth-child(9) .pop-circle:before{background:#4fc3f7;}

.pop-date ul li:nth-child(10){ left:1295px; width:113px; height:113px; border-radius:113px; background:#259b24;}
.pop-date ul li:nth-child(10) .pop-percent{ color:#259b24;}
.pop-date ul li:nth-child(10) .pop-circle{ border-color:#259b24}
.pop-date ul li:nth-child(10) .pop-circle:before{background:#259b24;}

.pop-date.ccc ul li:nth-child(1){ bottom:87px;}
.pop-date.ccc ul li:nth-child(2){ bottom:350px; }
.pop-date.ccc ul li:nth-child(3){ bottom:192px;}
.pop-date.ccc ul li:nth-child(4){ bottom:387px;}
.pop-date.ccc ul li:nth-child(5){ bottom:50px;}
.pop-date.ccc ul li:nth-child(6){ bottom:264px;}
.pop-date.ccc ul li:nth-child(7){ bottom:50px;}
.pop-date.ccc ul li:nth-child(8){ bottom:400px;}
.pop-date.ccc ul li:nth-child(9){ bottom:48px;}
.pop-date.ccc ul li:nth-child(10){ bottom:190px;}





@-webkit-keyframes protate{
	
0%{ -webkit-transform:rotate(35deg);}

100%{-webkit-transform:rotate(395deg);}

}



text{
-webkit-user-select: none;
fill: white;
}

#Legends_0
{
 padding:34px 0px 25px 0px;

}

#Legend_0
{
margin-left: 40%;
}

#mainss span
{
display: inline-block;
vertical-align: 240%;
font-size: 18px;
width: 100px;
}
#mainss> div
{
margin-top: 10px;
}
#mainss
{
width: 1550px;
margin:0px auto;
padding-bottom: 30px;

overflow: hidden;
}


.date-circle ul li div.pointbtn,.level-two ul li div.pointbtn{ width:60px; height:60px;/* background:rgba(255,102,0,0.4);*/ border-radius:100%; position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-30px;}
.pointbtn span{ display:block; position:absolute; top:50%; left:50%;  border:1px solid rgba(255,0,0,0.5); opacity:1; width:100%; height:100%; border-radius:100%; margin-top:-50%; margin-left:-50%;}
.pointbtn span:nth-child(1){ width:100%; height:100%; border-radius:100%; margin-top:-50%; margin-left:-50%; animation:pointbtn infinite 1s;
-webkit-animation-delay:0.9s;}
.pointbtn span:nth-child(2){ width:70%; height:70%; border-radius:100%; margin-top:-35%; margin-left:-35%; animation:pointbtn infinite 1s;-webkit-animation-delay:0.7s;}
.pointbtn span:nth-child(3){ width:50%; height:50%; border-radius:100%; margin-top:-25%; margin-left:-25%; animation:pointbtn infinite 1s;-webkit-animation-delay:0.5s;}
.pointbtn span:nth-child(4){ width:30%; height:30%; border-radius:100%; margin-top:-15%; margin-left:-15%; animation:pointbtn infinite 1s; -webkit-animation-delay:0.3s;}
.pointbtn span:nth-child(5){ width:10%; height:10%; border-radius:100%; margin-top:-5%; margin-left:-5%; animation:pointbtn infinite 1s;-webkit-animation-delay:0.1s;}
.pointbtn span:nth-child(6){ width:30%; height:30%; border-radius:100%; margin-top:-15%; margin-left:-15%; border:0px; background:rgba(255,102,0,0.2);}






@-webkit-keyframes pointbtn{
	
0%{ -webkit-transform:scale(0); opacity:0;}

50%{-webkit-transform:scale(0.8); opacity:0.8;}

90%{-webkit-transform:scale(1); opacity:0;}

100%{-webkit-transform:scale(0); opacity:0;}

}




